<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!--版心 -->
        <div class="wrap ">
            <!-- 左边大logo-->
            <div class="logo fl"></div>
            <div class="zi fl">
                legochina.cn
            </div>
            <!-- 右边文字类容 -->
            <div class="logo-right fr">
                欢迎光临<span>乐购</span> ，请 登陆\<span>注册</span>
            </div>

        </div>


    </div>
    <div class="header2 wrap">
        <div class="header22">
            <div class="boten">
                <div class="wenzi fl">购物车 3</div>
                <div class="wenzi2 fl">我的订单</div>
            </div>

            <div class="inpt">
                <input type="text" value="创意文字">
                <div class="shoushuo">
                </div>
            </div>

            <div class="nav">
                <a href="#">图书</a>
                <a href="#">电子书</a>
                <a href="#">原创文本</a>
                <a href="#">服装</a>
                <a href="#">运动户外</a>
                <a href="#">孕婴童</a>
                <a href="#">家居</a>
                <a href="#">创意文具</a>
                <a href="#">地方特产</a>
                <a href="#">海外购</a>
                <a href="#">电器城</a>
            </div>
        </div>



    </div>
    <!-- 二级导航+轮播图大盒子-->
    <div class="mune wrap clearfix">
        <!-- 右边选项卡 -->
        <div class="mune-left fl">
            <!-- 产品分类盒子 -->
            <div class="left-item">
                <div class="fenlei">图书、电子书、童书</div>
                <div class="fenlei-conet">图书内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">创意文具</div>
                <div class="fenlei-conet">创意文具内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">服饰、内衣</div>
                <div class="fenlei-conet">服饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">鞋靴、箱包</div>
                <div class="fenlei-conet">鞋靴内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">运动户外</div>
                <div class="fenlei-conet">运动内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">孕、婴、童</div>
                <div class="fenlei-conet">儿童内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">家居、家纺、汽车</div>
                <div class="fenlei-conet">汽车装饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">家具、家装、康体</div>
                <div class="fenlei-conet">家装装饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">美妆、个人护理、成人</div>
                <div class="fenlei-conet">美妆装饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">食品、茶酒、生鲜</div>
                <div class="fenlei-conet">食品装饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">腕表、珠宝、眼镜</div>
                <div class="fenlei-conet">首饰内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">手机、数码</div>
                <div class="fenlei-conet">数码内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">电脑办公</div>
                <div class="fenlei-conet">电脑内容盒子</div>
            </div>
            <div class="left-item">
                <div class="fenlei">家用电器</div>
                <div class="fenlei-conet">家用电器内容盒子</div>
            </div>

        </div>
        <!-- 右边轮播图盒子 -->
        <div class="mune-lunbo fl">
            <div class="lunbo-item">
                <img src="../images/banner1.jpg" alt="" class="fl">
                <img src="../images/banner2.jpg" alt="" class="fl">
                <img src="../images/banner3.jpg" alt="" class="fl">
                <img src="../images/banner4.jpg" alt="" class="fl">
                <img src="../images/banner5.jpg" alt="" class="fl">
            </div>
            <!-- 左翻页 -->
            <div class="arrow-left"></div>
            <!-- 右翻页 -->
            <div class="arrow-right"></div>
            <!--下面鼠标点击翻页  -->
            <div class="lunbo-fanye  clearfix">
                <div class="fanyes fl">1</div>
                <div class="fanyes fl">2</div>
                <div class="fanyes fl">3</div>
                <div class="fanyes fl">4</div>
                <div class="fanyes fl">5</div>

            </div>
        </div>
    </div>
    <!-- 今日推荐大盒子 -->
    <div class="main1 wrap">
        <div class="main1-shang">
            <div class="shang-item">乐购·今日推荐</div>
        </div>
        <!-- 下面类容盒子 -->
        <div class="main1-xia">
            <div class="main1-xia1">
                <!-- <div class="xia1"> -->
                    <!-- 小图片 -->
                    <!-- <img src="" alt="" class="img11">
                    <img src="" alt="" class="img22">
                    <div class="zi"></div>
                    <div class="zi"></div>
                    <div class="zi"></div> -->
                <!-- </div> -->
            </div>
            <!-- 第二个内容盒子 -->
            <div class="main1-xia2">
                <!-- <div class="xia2">
                    <img src="" alt="" class="img33">
                    <img src="" alt="" class="img44">
                    <div class="zi"></div>
                    <div class="zi"></div>
                    <div class="zi"></div>
                </div> -->
            </div>
        </div>
    </div>
    <!-- 图书 电子书大盒子 -->
    <div class="main2 wrap">
    
    </div>
    <!-- 服装大盒子-->
    <div class="main3 wrap">

    </div>
 
</body>

</html>